<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>repute</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/new_file.css"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
	
	 <div class="nav-1 ">
	    <img src="img/1.png" alt="">
	</div>
  
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="card1">
	  
  </div>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav ">
       <li class="nav-item">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Home
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="#">Something else here</a>
          </div>
      
      </li>
	  
	  
	  
      <li class="nav-item">
      
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              FEATURES
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="#">Something else here</a>
          </div>
      </li>
	  <li class="nav-item">
	  
	      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          PAGES
	      </a>
	      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
	          <a class="dropdown-item" href="#">Action</a>
	          <a class="dropdown-item" href="#">Another action</a>
	          <div class="dropdown-divider"></div>
	          <a class="dropdown-item" href="#">Something else here</a>
	      </div>
	  </li>
	  <li class="nav-item">
	  
	      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          PORTFOLIO
	      </a>
	      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
	          <a class="dropdown-item" href="#">Action</a>
	          <a class="dropdown-item" href="#">Another action</a>
	          <div class="dropdown-divider"></div>
	          <a class="dropdown-item" href="#">Something else here</a>
	      </div>
	  </li>
	  <li class="nav-item">
	  
	      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          BLOG
	      </a>
	      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
	          <a class="dropdown-item" href="#">Action</a>
	          <a class="dropdown-item" href="#">Another action</a>
	          <div class="dropdown-divider"></div>
	          <a class="dropdown-item" href="#">Something else here</a>
	      </div>
	  </li>
	  <li class="nav-item active">
	      <a class="nav-link" href="#"><sapn><img src="img/2.png" alt=""></sapn>UPGRADE TO PRO</a>
	  </li
	  
	  
	  
	  
	  
     
    </ul>
  </div>
</nav>




<div class="bd-example">
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/3.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-md-block">
                    <h1>EASY TO CUSTOMIZE</h1>
                    <p>Readable code,well documented and FRRE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="img/3.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-md-block">
                    <h1>EASY TO CUSTOMIZE</h1>
                    <p>Readable code,well documented and FRRE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="img/3.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-md-block">
                    <h1>EASY TO CUSTOMIZE</h1>
                    <p>Readable code,well documented and FRRE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>


<section>
    <div class="item">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <img src="img/4.png"  alt="">
                    <p>STRONG STRUCTURE</p>
                </div>
                <div class="col-md-3">
                    <img src="img/5.png" alt="">
                    <P>GLOBAL SERVICES</P>
                </div>
                <div class="col-md-3">
                    <img src="img/6.png" alt="">
                    <P>DYNAMIC CHANGE</P>
                </div>
                <div class="col-md-3">
                    <img src="img/7.png" alt="">
                    <P>EXPONENTIAL GROWTH</P>
                </div>
            </div>
        </div>
    </div>
	<div class="container">
    <div class="item-1">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2>KNOW BETTER</h2>
                    <p class="pp">……</p>
                    <p class="p1">Synerg vistlcally procrastinate one-to-one results for</p>
                    <p class="p1">accurate platforms.Assertively whiteboard corporate</p>
                    <p class="p1">users whereas dynamic initiatives.</p>
                    <p class="p2">Energistically archit ieading-edge users and inexpensive internal or "organic"sources.</p>
                    <p>Distinctively evolve ebusiness resources after progressive intellectual capital.Objectively</p>
                    <p>architect maintainable technologies via strategic convergence.Continually optomize</p>
                    <p>stand-alone expertise with e-business e-services.Continually concepualize cliered<br>opportunities and.</p>
                    <br>
                    <p>Dynamically customize backward-compatible processes via front-end models.Distinctively</p>
                    <p>evisculate an expanded array of scenarios after virtual information.professionally</p>
                    <p>predominate technically sound resources through impactful mindshare.Efficiently drive</p>
                    <p>viral interfaces without inexpensive value.Credibly.</p>
                </div>
                <div class="col-md-6">
                    <img src="img/8.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="item-2">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2 mb-5">
                            <img src="img/9.png" alt="">
                        </div>
                        <div class="col-md-10 mb-5">
                            <h3>GOAL ORIENTED</h3>
                            <P>Holisticly harness just in time technologies via corporate scenarios.lntrinsicl</P>
                            <p>predominate ubiquitous outsourcing through an expanded array array of</p>
                            <p>functionalities</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2 mb-5">
                            <img src="img/10.png" alt="">
                        </div>
                        <div class="col-md-10 mb-5">
                            <h3>GLOBAL SERVICE</h3>
                            <P>Holisticly harness just in time technologies via corporate scenarios.lntrinsicl</P>
                            <p>predominate ubiquitous outsourcing through an expanded array array of</p>
                            <p>functionalities</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                    <div class="col-md-2 mb-5">
                        <img src="img/11.png" alt="">
                    </div>
                    <div class="col-md-10 mb-5">
                        <h3>DYNAMIC CHANGE</h3>
                        <P>Holisticly harness just in time technologies via corporate scenarios.lntrinsicl</P>
                        <p>predominate ubiquitous outsourcing through an expanded array array of</p>
                        <p>functionalities</p>
                    </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                   <div class="col-md-2 mb-5">
                       <img src="img/12.png" alt="">
                   </div>
                    <div class="col-md-10 mb-5">
                        <h3>PROFESSIONAL SUPPORT</h3>
                        <P>Holisticly harness just in time technologies via corporate scenarios.lntrinsicl</P>
                        <p>predominate ubiquitous outsourcing through an expanded array array of</p>
                        <p>functionalities</p>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="item-3">
        <div class="container">
            <img src="img/13.png" alt="">
            <h3 style="color: #419ad6">ULTRA RESPONSIVE</h3>
            <p>Phosfluorescently revolutionize viral leadership via turnkey technology.Synergically monetize intermandated strategic theme areas through multimedia based.</p>
        </div>
    </div>
    <div class="item-4">
        <div class="container">
            <hr>
            <ul class="nav justify-content-center">
                <li class="nav-item1">
                    <a class=" active" href="#">Responsive</a>
                </li>
                <li class="nav-item">
                    <a class="" href="#">Easy to custmize</a>
                </li>
                <li class="nav-item">
                    <a class="" href="#">Design</a>
                </li>
                <li class="nav-item">
                    <a class="" href="#">Free Updates & Support</a>
                </li>

            </ul>
        </div>
    </div>
    <div class="item-5">
        <div class="container">
            <div class="row">
                <div class="col-md-10">
                    <h4>RECENT WORKS</h4>
                    <P>……</P>
                </div>
                <div class="col-md-2">
                    <a href="">see all works</a>
                </div>
                <div class="col-md-4">
                    <img src="img/14.png" alt="">
                </div>
                <div class="col-md-4">
                    <img src="img/15.png" alt="">
                </div>
                <div class="col-md-4">
                    <img src="img/16.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="item-6">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h4>LATEST NEWS</h4>
                    <p>……</p>
                </div>
                <div class="col-md-4">
                    <img class="img1" src="img/17.png" alt="">
                    <h5>In Demand:Collaboration Skill</h5>
                    <p>proactively engage orthogonal growth strategies without</p>
                    <p>resource-leveling testing procedures.Seamlessly</p>
                    <p>predominate interoperable growth strategies.</p>
                    <div class="row clearfix">
                        <div class="col-md-6 clearfix">
                            <p>23-02-2015</p>
                        </div>
                        <div class="col-md-6 clearfix">
                            <p class="right">65 comments</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-5">
                            <img class="img2" src="img/18.png" alt="">
                        </div>
                        <div class="col-md-7">
                            <h5>Growth Strateqies We Must K…</h5>
                            <p>Proactively engage orthogonal</p>
                            <p>growth strategies without resource-</p>
                            <p>leveling testing procedures.</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img2" src="img/19.png" alt="">
                        </div>
                        <div class="col-md-7">
                            <h5>Products Research Methodolo…</h5>
                            <p>Proactively engage orthogonal</p>
                            <p>growth strategies without resource-</p>
                            <p>leveling testing procedures.</p>
                        </div>
                        <div class="col-md-5">
                            <img class="img2" src="img/20.png" alt="">
                        </div>
                        <div class="col-md-7">
                            <h5>Professional Leverage</h5>
                            <p>Proactively engage orthogonal</p>
                            <p>growth strategies without resource-</p>
                            <p>leveling testing procedures.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-5">
                            <img src="img/21.png" alt="">
                        </div>
                        <div class="col-md-7">
                            <h5>Alternative E-commerce</h5>
                            <p>Proactively engage orthogonal</p>
                            <p>growth strategies without resource-</p>
                            <p>leveling testing procedures.</p>
                        </div>
                        <div class="col-md-5">
                            <img src="img/22.png" alt="">
                        </div>
                        <div class="col-md-7">
                            <h5>Understanding Globally Scale…</h5>
                            <p>Proactively engage orthogonal</p>
                            <p>growth strategies without resource-</p>
                            <p>leveling testing procedures.</p>
                        </div>
                        <div class="col-md-12">
                            <a href="">See all news→</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	</div>
    <div class="item-7">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/23.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="h3">5200</h5>
                            <p>SUBSCRIBERS</p>
                        </div>
                    </div>
                </div>
				
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/24.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="h3">273</h5>
                            <p>PROJECTS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/25.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="h3">640k</h5>
                            <p>APPRECIATIONS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="img/26.png" alt="">
                        </div>
                        <div class="col-md-10">
                            <h5 class="h3">132</h5>
                            <p>CLIENTS</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="item-8">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <h2>GET IN TOUCH</h2>
            </div>
            <div class="col-md-5">
                <a href="">CONTACT US</a>
                <p>Call us at(1800)765-4321 or</p>
            </div>
        </div>
    </div>
    </div>
</section>









<footer>

        <div class="footer-1">
            <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <img class="img3" src="img/未标题-1.png" alt="">
                    <p>proactively aggregate B2B initiatives before extensive</p>
                    <p>channels. Monotonectally extend interactive methods of</p>
                    <p>empowerment through excellent applications.Rapidiouly</p>
                    <p class="p3">synergize visionary products with sticky technology</p>
                    <p>1234 North Main Street</p>
                    <p>New York NY 222222</p>
                    <p>phone:(1800)765-4321</p>
                    <p>Email:email@yourdomain.com</p>
                </div>
                <div class="col-md-2">
                    <h6>USEFUL LINKS</h6>
                    <ul class="list-unstyled">
                        <li><a href="">About Us</a></li>
                        <li><a href="">News</a></li>
                        <li><a href="">Community</a></li>
                        <li><a href="">Career</a></li>
                        <li><a href="">Blog</a></li>
                    </ul>
                </div>
                <div class="col-md-2">
                    <ul class="list-unstyled">
                        <li class="li1"><a href="">Press Kit</a></li>
                        <li><a href="">FAQ</a></li>
                        <li><a href="">Terms</a></li>
                        <li><a href="">Privacy Policy</a></li>
                        <li><a href="">Contact US</a></li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <h6>NEWSLETTER</h6>
                    <P>Get the latest update from us by subscribing to our</P>
                    <P>newsletter.</P>
                    <div class="input-group mb-3">
                        <input type="text" class="form-control mt-3" placeholder="youremail@domain.com" aria-label="Recipient's username" aria-describedby="button-addon2">
                        <div class="input-group-append">
                            <button type="button" class="btn btn-primary mt-3">SUBSCRIBE</button>
                        </div>
                    </div>
                    <h6>GET CONNECTED</h6>
                    <img src="img/28.png" alt="">
                    <img src="img/29.png" alt="">
                    <img src="img/30.png" alt="">
                    <img src="img/31.png" alt="">
                </div>
            </div>
			</div>
        
        <div class="footer-2">
            <p>More Templates-Collect from</p>
        </div>
    
</footer>












<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>